<template>
  <div id="app">
    <menuList></menuList>
    <div class="right-content">
      <transition>
        <!--<router-view />-->
        <router-view v-on:openModal="openModal"/>
      </transition>
    </div>

  </div>
</template>

<script>
  import menuList from '@/components/menuList'

  export default {
    name: 'App',
    components: {
      menuList:menuList,
    },
    methods:{
      openModal: function(type,content,duration) {
        var config = {
          message: content || '成功',
          type: type || 'success',
          duration: duration || 3000,
          showClose: true,
        };
        console.log(config);
        this.$message(config);
      }
    },
    mounted: function() {
      // console.log("app");
      // var _this = this;
      // _this.openModal();

    }
  }
</script>

<style src="@/assets/common/common.css"></style>
<style src="@/assets/common/font/iconfont.css"></style>
